<template>
	<div id="app">
        <!-- <example></example> -->
        <router-view></router-view>

        <!-- FOOTER -->
        <Menu></Menu>

		<el-dialog :visible.sync="visible" title="友情提示">
            <p>项目环境: Laravel5.7 + Vue + ElementUI</p>
            <p></p>
            <p>公众号：盛煊推客</p>
		</el-dialog>
	</div>
</template>
<script>
	import Menu from "./components/Menu.vue";
	import Example from "./components/Example.vue";

	export default {
		name: "app",
		data() {
			return {
                visible: true,
            };
		},
		components: {
            Example, Menu
		}
	};
</script>

<style>
    :root {
        --border-line: #eef;
        --color-major: #303133;
        --color-mdjor: #606266;
        --color-minor: #909399;
        --color-theme: #409EFF;
        --color-red: #F0333E;
        --font-sm-size: 12px;
        --font-md-size: 14px;
        --font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
        --font-sm-weight: 300;
        --font-md-weight: 400;
        --font-lg-weight: 600;
    }
	*,
	body {
		margin: 0;
		padding: 0;
        font-size: var(--font-md-size);
        font-weight: var(--font-md-weight);
        font-family: var(--font-family);
    }
    a {
        color: var(--color-major);
        text-decoration: none;
    }
    .el-dialog{
        width: 90%;
    }
    .el-dialog__body p{
        height: 25px;
        line-height: 25px;
    }

	.el-card {
		border-radius: 0px;
	}
	.el-card.is-always-shadow,
	.el-card.is-hover-shadow:focus,
	.el-card.is-hover-shadow:hover {
		box-shadow: none;
	}
	.el-card__header {
		color: #808080;
		padding: 11px 15px 11px 20px;
	}
	.el-card__body {
		padding: 0 0 0 20px;
	}
</style>
